<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:form>
	<div style="height: 50px">
		<p:messages globalOnly="true" />
	</div>
   <!--  Panel para o rótulo, mensagem e campo: Nome -->
					<h:panelGrid columns="1" cellpadding="3">
						<h:panelGrid columns="2">
							<h:outputText value="Nome:" />
							<p:message for="nome" />
						</h:panelGrid>

						<p:inputText id="nome" value="#{freelancerBean.freelancer.nome}"
							size="60" />

					</h:panelGrid>                                      

					<!--  Panel para o rótulo, mensagem e campo: E-mail -->
					<h:panelGrid columns="1" cellpadding="3">
						<h:panelGrid columns="2">
							<h:outputText value="E-mail:" />
							<p:message for="email" />
						</h:panelGrid>

						<p:inputText id="email"
							value="#{freelancerBean.freelancer.email}" size="60" />

					</h:panelGrid>
                                        
                                        <!--  Panel para o rótulo, mensagem e campo: Nacionalidade -->
					<h:panelGrid columns="1" cellpadding="3">
						<h:panelGrid columns="2">
							<h:outputText value="Nacionalidade:" />
							<p:message for="nome" /> <!-- parei aqui -->
						</h:panelGrid>
						<p:selectOneMenu id="nacao"
                                                                 value="#{freelancerBean.freelancer.nacao}"
							converter="nacionalidadeConverter" requiredMessage="Precisa ser informado(a)">
							<f:selectItem itemLabel="-- Selecione --" />
                                                        <f:selectItems value="#{nacionalidadeBean.nacoes}" var="nacao"
                                                                       itemValue="#{nacao}" itemLabel="#{nacao.nome}" />
						</p:selectOneMenu>


					</h:panelGrid>

					<!--  Panel para o rótulo, mensagem e campo: Estado -->
					<h:panelGrid columns="1" cellpadding="3">
						<h:panelGrid columns="2">
							<h:outputText value="Estado:" />
							<p:message for="estado" />
						</h:panelGrid>
						<p:selectOneMenu id="estado" required="true"
							value="#{freelancerBean.estadoSelecionado}"
							converter="estadoConverter" requiredMessage="Precisa ser informado(a)">
							<f:selectItem itemLabel="-- Selecione --" />
							<f:selectItems value="#{estadoBean.estados}" var="estado"
								itemValue="#{estado}" itemLabel="#{estado.nome}" />
							<p:ajax event="change" update="estado selectCidade" />
						</p:selectOneMenu>


					</h:panelGrid>

					<!--  Panel para o rótulo, mensagem e campo: Cidade -->
					<h:panelGrid columns="1" cellpadding="3">
						<h:panelGrid columns="2">
							<h:outputText value="Cidade:" />
							<p:message for="selectCidade" />
						</h:panelGrid>
						<p:selectOneMenu id="selectCidade"
							value="#{freelancerBean.freelancer.cidade}" 
							converter="cidadeConverter">
							<f:selectItem itemLabel="-- Selecione --"
								noSelectionOption="true" />
							<f:selectItems
								value="#{freelancerBean.estadoSelecionado.cidades}"
								var="cidade" itemValue="#{cidade}" itemLabel="#{cidade.nome}" />

						</p:selectOneMenu>


					</h:panelGrid>
					
					<!--  Panel para o rótulo, mensagem e campo: Login -->
					<h:panelGrid columns="1" cellpadding="3">
						<h:panelGrid columns="2">
							<h:outputText value="Login:" />
							<p:message for="login" />
						</h:panelGrid>
						<p:inputText id="login" value="#{freelancerBean.freelancer.login}" size="30" />


					</h:panelGrid>
					
					<!--  Panel para o rótulo, mensagem e campo: Senha -->
					<h:panelGrid columns="1" cellpadding="3">
						<h:panelGrid columns="2">
							<h:outputText value="Senha:" />
							<p:message for="senha" />
						</h:panelGrid>
						<p:password id="senha" value="#{freelancerBean.freelancer.senha}"
						size="30" />


					</h:panelGrid>
					
					<!--  Panel para o rótulo, mensagem e campo: Confirmacao Senha -->
					<h:panelGrid columns="1" cellpadding="3">
						<h:panelGrid columns="2">
							<h:outputText value="Confirmar Senha:" />
							<p:message for="confirmacaoSenha" />
						</h:panelGrid>
						<p:password  required="true" requiredMessage="Não pode ser vazio" id="confirmacaoSenha" value="#{freelancerBean.freelancer.confirmacaoSenha}"
						size="30" />


					</h:panelGrid>
                     
                     <!--  Panel para o rótulo, mensagem e campo: Descricao -->
					<h:panelGrid columns="1" cellpadding="3">
						<h:panelGrid columns="2">
							<h:outputText value="Descrição:" />
							<p:message for="descricao" />
						</h:panelGrid>
						<p:inputTextarea id="descricao" value="#{freelancerBean.freelancer.descricao}"
						rows="5" cols="60" />
					</h:panelGrid>

	<p:commandButton value="Confirmar Cadastro"
		actionListener="#{freelancerBean.salvar()}" update="@form" />
	<p:button value="Voltar" outcome="/login/efetuarLogin" />
</h:form>

</html>

